<template>
	<view>
		    <view >
				<u-modal :show="show" :title="title" :content='content'></u-modal>
			</view>
		<u-button @click="show = true" text="添加收货地址" color="linear-gradient(to right, rgb(616, 183, 206), rgb(23, 501, 86))"></u-button>
	    <view class="box">
			<p style="font-weight: 900;font-size: 19px;">配送地址</p>
			<view class="boxs"></view>
			<p style="font-weight: 900;font-size: 19px;">所购食品</p>
			<view class="boxs"></view>
			
			<view class="bottom">
				<view class="left">总计: <span>15</span>元</view>
				<view class="right"><u-button text="提交订单" color="linear-gradient(to right, rgb(166, 13, 26), rgb(13, 58, 916))"></u-button></view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				show:false,
							title:'标题',
							content:'uView的目标是成为uni-app生态最优秀的UI框架'
			}
		},
		methods: {
			
		}
	}
</script>

<style>
.box{
	width: 100%;
	height: 60vh;
}
.boxs{
	width: 100%;
	height: 20vh;
	background-color: green;
}
.bottom{
	width: 100%;
	height: 6vh;
	margin-top: 9vh;
	line-height: 6vh;
	font-weight: 900;
	font-size: 17px;
	color: aqua;
}
.left{
		float: left;
	}
	.right{
		float: right;
	}
</style>
